(function () {
    $.fn.extend({
        hieRotation() {
            var imgindex = 0;
            $(".c1-left-small").find("li").mouseover(function () {
                let $index = $(this).index();
                imgindex=$index;
                $(this).addClass("c1-left-small-selected").siblings().removeClass("c1-left-small-selected");
                $(".c1-left-big").find("li").eq($index).css("zIndex", 5).siblings().css("zIndex", 1);
                if (($(this).index()) == 0) {
                    imgindex = 0;
                    $(".arr_left").find(".img1").hide();
                    $(".arr_left").find(".img2").show();
                    $(".arr_left").css("cursor", "default");
                    $(".arr_right").find(".img1").show();
                    $(".arr_right").find(".img2").hide();
                    $(".arr_right").css("cursor", "pointer");
                } else if (($(this).index()) == 4) {
                    $(".arr_right").find(".img1").hide();
                    $(".arr_right").find(".img2").show();
                    $(".arr_right").css("cursor", "default");
                    $(".arr_left").find(".img1").show();
                    $(".arr_left").find(".img2").hide();
                    $(".arr_left").css("cursor", "pointer");
                } else {
                    $(".arr_left").find(".img1").show();
                    $(".arr_left").find(".img2").hide();
                    $(".arr_right").find(".img1").show();
                    $(".arr_right").find(".img2").hide();
                    $(".arr_left").css("cursor", "pointer");
                    $(".arr_right").css("cursor", "pointer");
                }
                $("#bigImg").attr("src", `./images/详情页图片2/squarePicture${$index + 1}.jpg`);

            })       
            $(".arr_left").click(function () {
                imgindex--;
                $(".c1-left-big").find("li").eq(imgindex).css("zIndex", 5).siblings().css("zIndex", 1);
                $(".c1-left-small").find("li").eq(imgindex).addClass("c1-left-small-selected").siblings().removeClass("c1-left-small-selected");
                if (imgindex <= 0) {
                    imgindex=0;
                    $(".arr_left").find(".img1").hide();
                    $(".arr_left").find(".img2").show();
                    $(".arr_left").css("cursor", "default");
                } else {
                    $(".arr_left").find(".img1").show();
                    $(".arr_left").find(".img2").hide();
                    $(".arr_right").find(".img1").show();
                    $(".arr_right").find(".img2").hide();
                    $(".arr_left").css("cursor", "pointer");
                }
                $("#bigImg").attr("src", `./images/详情页图片2/squarePicture${imgindex + 1}.jpg`);
            })

            $(".arr_right").click(function () {
                imgindex++;
                $(".c1-left-big").find("li").eq(imgindex).css("zIndex", 5).siblings().css("zIndex", 1);
                $(".c1-left-small").find("li").eq(imgindex).addClass("c1-left-small-selected").siblings().removeClass("c1-left-small-selected");
                if (imgindex >= 4) {
                    imgindex=4;
                    $(".arr_right").find(".img1").hide();
                    $(".arr_right").find(".img2").show();
                    $(".arr_right").css("cursor", "default");
                } else {
                    $(".arr_left").find(".img1").show();
                    $(".arr_left").find(".img2").hide();
                    $(".arr_right").find(".img1").show();
                    $(".arr_right").find(".img2").hide();
                    $(".arr_right").css("cursor", "pointer");
                }
                $("#bigImg").attr("src", `./images/详情页图片2/squarePicture${imgindex + 1}.jpg`);
            })

        }
    })
})()

$(function () {
    $(".c1-left").hieRotation()
})